// 先引用config 使用配置信息 然后再引入模块的名称就能直接使用
require(['./config'], () => {
    require(['header', 'jquery', 'footer'], (header, jquery) => {
        class Index {
            constructor() {
                this.carousel()
            }
            // 轮播图
            carousel() {
                let index = 0
                let lastIndex = 0
                $('.carousel-right').on('click', function () {
                    lastIndex = index
                    index++
                    if (index === $('.carousel ul li').length) {
                        index = 0
                    }
                    changeImg()
                })
                $('.carousel-left').on('click', function () {
                    lastIndex = index
                    index--
                    if (index < 0) {
                        index = $('.carousel ul li').length - 1
                    }
                    changeImg()
                })
                // 自动轮播
                var timer = null
                function autoPlay() {
                    timer = setInterval(() => {
                        $('.carousel-right').trigger('click')
                    }, 3000)
                }
                autoPlay()
                $('.carousel').hover(function () {
                    clearInterval(timer)
                }, function () {
                    autoPlay()
                })
                function changeImg() {
                    $('.carousel ul li').eq(lastIndex).removeClass('ac')
                    $('.carousel ul li').eq(index).addClass('ac')
                }
            }
        }
        new Index()
    })
})